{extend name="index"/}
{block name="title"}管理员列表  - 后台管理{/block}
{block name="content"}
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="{:url('Index/index')}">首页</a> <span class="c-gray en">&gt;</span> 管理员中心 <span class="c-gray en">&gt;</span> 管理员列表<a id="btn-refresh" class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="Hui-article">
		<article class="cl pd-20">

			<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="member_add('添加管理员','add.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a></span> </div>
			<div class="mt-20">
				<table class="table table-border table-bordered table-hover table-bg table-sort">
					<thead>
						<tr class="text-c">
							<th width="25"><input type="checkbox" name="" value=""></th>
							<th width="50">ID</th>
							<th width="120">登录账号</th>
							<th width="100">真实姓名</th>
							<th width="40">登陆次数</th>
							<th width="90">手机号</th>
							<th width="120">邮箱</th>
							<th width="130">添加时间</th>
							<th width="70">状态</th>
							<th width="100">操作</th>
						</tr>
					</thead>
					{volist name="managerList" id="val"}
					<tbody>
						<tr class="text-c">
							<td><input type="checkbox" value="1" name=""></td>
							<td>{$val['id']}</td>
							<!-- <td><u style="cursor:pointer" class="text-primary" onclick="member_show('张三','show.html','10001','360','400')">张三</u></td> -->
							<td>{$val['user_name']}</td>
							<td>{$val['nickname']}</td>
							<td>{$val['login_count']}</td>
							<td>{$val['mobile']}</td>
							<td>{$val['email']}</td>
							<td>{$val['add_time']}</td>
							<td class="td-status">
								{eq name="$val['status']" value="1" }
								<span class="label label-default radius">已停用</span>
								{/eq}
								{eq name="$val['status']" value="0" }
								<span class="label label-success radius">已启用</span>
								{/eq}
							</td>
							<td class="td-manage">
								{eq name="$val['status']" value="0" }
								<a style="text-decoration:none" onClick="member_stop(this,'{$val['id']}')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>
								{/eq}
								{eq name="$val['status']" value="1" }
								<a style="text-decoration:none" onClick="member_start(this,'{$val['id']}')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>
								{/eq}
								<a title="编辑" href="javascript:;" onclick="member_edit('编辑','edit.html','{$val['id']}','','510')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5" onClick="change_password('修改密码','changepassword.html','{$val['id']}','600','270')" href="javascript:;" title="修改密码"><i class="Hui-iconfont">&#xe63f;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'{$val['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
						</tr>
					</tbody>
					{/volist}
				</table>
				<div class="bjwl_paginate">
					{$managerList->render()}
				</div>
			</div>
		</article>
	</div>
</section>


<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*用户-停用*/
function member_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		
		var userId=id;
		$.ajax({
			url:"{:url('Manager/stop')}",
			type:'post',
			data:{
				'userId':userId
			},
			dataType:'json',
			success:function(data){
				if(data.code==0)
				{
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,'+userId+')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
					$(obj).remove();
					layer.msg(data.msg,{icon:5,time:1000});
				}
				else{
					layer.msg(data.msg,{icon:2,time:1000});
				}
			},
			error:function(data){
				layer.msg(data.msg,{icon:2,time:1000});
			}
		});

	});
}

/*用户-启用*/
function member_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		
		var userId=id;
		$.ajax({
			url:"{:url('Manager/start')}",
			type:'post',
			data:{
				'userId':userId
			},
			dataType:'json',
			success:function(data){
				if(data.code==0)
				{
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,'+userId+')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
					$(obj).remove();
					layer.msg(data.msg,{icon:6,time:1000});
				}
				else{
					layer.msg(data.msg,{icon:2,time:1000});
				}
			},
			error:function(data){
				layer.msg(data.msg,{icon:2,time:1000});
			}
		});


	});
}
/*用户-编辑*/
function member_edit(title,url,id,w,h){
	layer_show_id(title,url,id,w,h);
}
/*密码-修改*/
function change_password(title,url,id,w,h){
	layer_show_id(title,url,id,w,h);
}
/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		var managerId=id;
		$.ajax({
			url:"{:url('Manager/del')}",
			type:'post',
			data:{
				'managerId':managerId
			},
			dataType:'json',
			success:function(data){
				if(data.code==0)
				{
					$(obj).parents("tr").remove();
					layer.msg(data.msg,{icon:1,time:1000});
				}
				else{
					layer.msg(data.msg,{icon:2,time:1000});
				}
			},
			error:function(data){
				layer.msg(data.msg,{icon:2,time:1000});
			}
		});
	});
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
{/block}